<template>

  <!--头: 展示大小标题-->
  <header class="home-head">
    <h1 class="title">绝对精品课 - 在线课堂</h1>
    <h3 class="sub-title">Welcome To Lesson Project</h3>
  </header>

  <!--体: 引入Banner和VideoList子组件-->
  <section class="home-body">
    <Banner/>
    <VideoList/>
  </section>

  <!--脚: 引入Foot子组件-->
  <footer class="home-foot">
    <CommonFoot/>
  </footer>

</template>

<script setup>

import Banner from "@/views/home/Banner";
import VideoList from '@/views/home/VideoList';
import CommonFoot from '@/components/CommonFoot';

</script>

<style scoped lang="scss">

.home-head {
  /*小标题*/
  .sub-title {
    color: #807c74; // 前景色
  }
}

.home-body {
  margin: 0 20px; // 外边距
}
</style>